<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>账号安全</title>
    <link rel="stylesheet" href="../static/css/center.css" />
  </head>
  <body>
    <div class="container">
      <!-- 导航栏 -->
      <nav class="navbar">
        <img
          src="../static/image/cutcamera.png"
          alt="用户头像"
          style="
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
          "
        />
        <a href="{{ url_for('center') }}">
          <button class="nav-button" id="center-btn">个人中心</button>
        </a>
        <a href="{{ url_for('account') }}">
          <button class="nav-button" id="account-btn">账号安全</button>
        </a>
          <a href="{{ url_for('guide') }}">
              <button class="nav-button" id="guide-btn">使用指南</button>
          </a>
          <a href="{{ url_for('crawler') }}">
          <button class="nav-button">评论数据获取</button>
        </a>
        <a href="{{ url_for('exploration') }}">
          <button class="nav-button">探索型数据分析</button>
        </a>
        <button class="nav-button" id="logout-btn">退出登录</button>
      </nav>

      <!-- 账号安全内容 -->
      <div class="container" id="account-content">
        <div class="account">
          <h1>账号安全</h1>
          <form
            method="POST"
            action="{{ url_for('account') }}"
            class="form-container"
          >
            <div class="form-group">
              <label for="password">原密码:</label>
              <input
                type="password"
                id="password"
                name="password"
                placeholder="请输入原密码"
                required
              />
            </div>
            <div class="form-group">
              <label for="newpassword">新密码:</label>
              <input
                type="password"
                id="newpassword"
                name="newpassword"
                placeholder="请输入新密码"
                required
              />
            </div>
            <div class="form-group">
              <label for="confirmPassword">确认密码:</label>
              <input
                type="password"
                id="confirmPassword"
                name="confirmPassword"
                placeholder="请确认新密码"
                required
              />
            </div>
            <button type="submit" id="submit">提交</button>
          </form>
        </div>
      </div>
    </div>
    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
  </body>
</html>
